.viewerContainer {
    position: relative;
    top: 0px;
    left: 0px;
    width:100%; 
    height:100%; 
    overflow: hidden;
    background-color: rgba(0,0,0,0.8)
  }
  .viewerContentContainer {
    width:100%; 
    height:100%; 
    position: relative;
    left: 0px;
    top: 0px;
    display:flex; 
    align-items: center; 
    justify-content: center;
    overflow: hidden;
  }
  .viewerOperationContainer {
    position:absolute; 
    bottom:10px; 
    width:100%; 
    display:flex; 
    align-items: center; 
    justify-content: center;
  }
  .imageStyle {
    max-height: 100%; 
    max-width: 100%;
    position: absolute;
  }
  .canvasStyle {
    position: absolute;
    left: 0px;
    top: 0px;
  }
  .loadding {
    position:absolute;
    width:100%;
    height: 100%;
    left: 0px;
    top: 0px; 
    bottom: 0px; 
    display:flex;
    justify-content:center;
    align-items:center;
}